<html>
<head>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<title>layout 管理界面大布局示例 - Layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">

<link rel="stylesheet"
	href="../webjars/layui/2.5.6/css/layui.css"
	media="all">
<script
	src="https://ada.baidu.com/phone-tracker/getjs_bdtj?sid=12436432"></script>
<script charset="utf-8"
	src="https://ada.baidu.com/phone-tracker/insert_bdtj?sid=12436432"></script>
<script
	src="https://hm.baidu.com/hm.js?d214947968792b839fd669a4decaaffc"></script>
</head>
<body>

	<div class="layui-layout layui-layout-admin">
		<div class="layui-header">
			<div class="layui-logo">layout demo</div>
			<!-- 头部区域（可配合layui 已有的水平导航） -->
			<ul class="layui-nav layui-layout-left">
				<li class="layui-nav-item"><a href="">nav 1</a></li>
				<li class="layui-nav-item"><a href="">nav 2</a></li>
				<li class="layui-nav-item"><a href="">nav 3</a></li>
				<li class="layui-nav-item"><a href="javascript:;">nav
						groups<span class="layui-nav-more"></span>
				</a>
					<dl class="layui-nav-child">
						<dd>
							<a href="">menu 11</a>
						</dd>
						<dd>
							<a href="">menu 22</a>
						</dd>
						<dd>
							<a href="">menu 33</a>
						</dd>
					</dl></li>
				<span class="layui-nav-bar"
					style="left: 20px; top: 55px; width: 0px; opacity: 0;"></span>
			</ul>
			<ul class="layui-nav layui-layout-right">
				<li class="layui-nav-item"><a href="javascript:;"> <img
						src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"
						class="layui-nav-img"> tester <span class="layui-nav-more"></span></a>
					<dl class="layui-nav-child">
						<dd>
							<a href="">set 1</a>
						</dd>
						<dd>
							<a href="">set 2</a>
						</dd>
					</dl></li>
				<li class="layui-nav-item"><a href="">Sign out</a></li>
				<span class="layui-nav-bar"
					style="left: 186px; top: 55px; width: 0px; opacity: 0;"></span>
			</ul>
		</div>

		<div class="layui-side layui-bg-black">
			<div class="layui-side-scroll">
				<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
				<ul class="layui-nav layui-nav-tree" lay-filter="test">
					<li class="layui-nav-item layui-nav-itemed"><a class=""
						href="javascript:;">menu group 1<span class="layui-nav-more"></span></a>
						<dl class="layui-nav-child">
							<dd>
								<a onclick="fr.src='../login.html'" href="javascript:;">menu 1</a>
							</dd>
							<dd>
								<a onclick="fr.src='product.html'"href="javascript:;">添加商品</a>
							</dd>
							<dd>
								<a onclick="fr.src='productQuery.html'" href="javascript:;">浏览商品</a>
							</dd>
							<dd>
								<a href="">the links</a>
							</dd>
						</dl></li>
					<li class="layui-nav-item"><a href="javascript:;">menu
							group 2<span class="layui-nav-more"></span>
					</a>
						<dl class="layui-nav-child">
							<dd>
								<a href="javascript:;">list 1</a>
							</dd>
							<dd>
								<a href="javascript:;">list 2</a>
							</dd>
							<dd>
								<a href="">超链接</a>
							</dd>
						</dl></li>
					<li class="layui-nav-item"><a href="javascript:;">click
							menu item</a></li>
					<li class="layui-nav-item"><a href="">the links</a></li>
					<span class="layui-nav-bar"
						style="top: 22.5px; height: 0px; opacity: 0;"></span>
				</ul>
			</div>
		</div>

		<div class="layui-body">
			<!-- 内容主体区域 -->
			<iframe id="fr" src="../index.html" height="100%" width="100%"></iframe>
		</div>

		<div class="layui-footer">
			<!-- 底部固定区域 -->
			底部固定区域
		</div>
	</div>
	<script src="../webjars/layui/2.5.6/layui.all.js" charset="utf-8"></script>
	<script>
		//JavaScript 代码区域
		layui.use('element', function() {
			var element = layui.element;

		});
	</script>
	<script>
		var _hmt = _hmt || [];
		(function() {
			var hm = document.createElement("script");
			hm.src = "https://hm.baidu.com/hm.js?d214947968792b839fd669a4decaaffc";
			var s = document.getElementsByTagName("script")[0];
			s.parentNode.insertBefore(hm, s);
		})();
	</script>


</body>
</html>